<template>
	<view>
		<view class="flex justify-center items-center mt-20">
			<text class="text-sm font-bold mr-10">您本次需要支付</text>
			<ImageBoxVue :src="postFrom.paysts==0?'/static/icons/blue.png':'/static/icons/red.png'" width="28rpx"
				height="28rpx">
			</ImageBoxVue>
			<view class="text-sm font-bold ml-10">
				<text v-if="postFrom.sec == 1"> {{postFrom.sinpay}}*{{postFrom.pret}}+12 =
					{{postFrom.sinpay * postFrom.pret * 1 + 12}}</text>
				<text v-else> {{postFrom.sinpay}}*{{postFrom.pret}} = {{postFrom.sinpay * postFrom.pret * 1}}</text>
				<text class="ml-10">颗{{postFrom.paysts==0?'蓝钻':'红钻'}}</text>
			</view>
		</view>
		<view class="my-20">
			<button class="rounded-full" type="primary"
				@click="onPlay">确认支付{{payPrice}}颗{{postFrom.paysts==0?'蓝钻':'红钻'}}</button>
		</view>
		<view class="bg-[#F0F3F4] rounded-md p-10">
			<text class="text-[#666666] text-xs">{{tips}}</text>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		inject,
		computed
	} from 'vue';
	import communityApi from '@/apis/apiList/communityApi';
	const posts = inject('posts')
	const bbsplateId = inject('bbsplateId')
	const postFrom = inject('postFrom')

	const emit = defineEmits(['send'])

	const tips =
		"每贴解读时限为72小时，72小时之后解读通道关闭，发帖者可自行选择满意答案进行蓝钻支付(包括游客的解读)，如发帖者未选择满意答案，系统默认为对咨询师的解读为满意解读，系统将自动支付给咨询师。如在系统结算前，发帖者自行删帖，所支付的全部虚拟道具不退还(包括但不限于蓝钻，红钻等)。如未获取预选数量的解读，未解读数量的蓝钻将自动返还到发帖者《我的蓝钻》板块，如预选为每位3蓝钻支付共3位咨询师解读，只有一位咨询师解读，那么未支付的共计6蓝钻将自动返还到《我的蓝钻》板块，任何人不得发出与中华人民共和国任何法律相违宵的言论，也不得发出攻击指责侮辱他人的言论，判定标准由本平台独享，否则相关责任由发言人自行承担，与本平台无关。本平台有权删除帖子，虚拟道具(包括但不限于蓝钻，红钻等)不子退还，由本平台没收。任何互动内容仅供娱乐之用，不带有任何参考价值。 以上规则的最终解释权由本平台拥有"

	const payPrice = computed(() => {
		if (postFrom.value.sec == 1) {
			return postFrom.value.sinpay * postFrom.value.pret * 1 + 12
		} else {
			return postFrom.value.sinpay * postFrom.value.pret * 1
		}
	})
	const onPlay = () => {
		const params = {
			"member.id": uni.getStorageSync('user').id,
			"bbsplate.id": bbsplateId.value,
			...postFrom.value
		}
		// if (posts.value == 1) { // 心理
		// 	params.addparme = postFrom.value.addparme.splice(",")
		// }
		// if (posts.value == 2) { // 星图
		// 	params.selcard = postFrom.value.selcard
		// 	params.starsts = postFrom.value.starsts
		// }
		// if (posts.value == 3) { // 卡牌
		// 	params['deck.id'] = postFrom.value.addparme.splice(",")
		// 	params.selcard = postFrom.value.addparme.splice(",")
		// }
		delete params.member
		console.log(params)
		// communityApi.generatePoss(params).then(res => {
			// uni.showToast({
			// 	icon: "none",
			// 	title: '发送成功'
			// })
			setTimeout(() => {
				emit("send")
			}, 1000)
		// })
	}
</script>

<style lang="scss" scoped>
</style>